
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US">
    <head>
        <meta charset="UTF-8" />

        <title>PKL 54 | Home</title>
        <meta name="description" content=""/>
        <meta name="viewport" content="width=device-width"/>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'/>
        <link rel="icon" type="image/icon" href="images/logo/home.png"/>


        <link rel='stylesheet' id='main-css'  href='css/header.css' type='text/css' media='all' />
        <link rel='stylesheet' id='montserrat-css'  href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700%7COpen+Sans%3A300%2C400%2C700&#038;ver=4.1' type='text/css' media='' />
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
        <!--tututp-->

        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/vendor/jquery-1.11.0.min.js"></script>
        <script src="js/vendor/jquery.gmap3.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <link rel="stylesheet" href="css/bootstrap.css" />
        <link rel="stylesheet" href="css/font-awesome.css" />
        <link rel="stylesheet" href="css/templatemo_style.css" />
        <link rel="stylesheet" href="css/templatemo_misc.css" />
        <link rel="stylesheet" href="css/flexslider.css" />
        <link rel="stylesheet" href="css/testimonails-slider.css" />
        <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
        <script type='text/javascript'>
            /* <![CDATA[ */
            var meris_js_var = {"global_color": "#FED136"};
            /* ]]> */
        </script>
        <script type='text/javascript' src='js/less.min.js'></script>
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/respond.min.js?ver=1.4.2'></script>
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/meris.js?ver=1.0.4'></script>
        <meta name="generator" content="WordPress 4.1" />

        <style type='text/css'>
            .top span.tagline {font-family: georgia; font-size:13px; font-style: normal; color:#666666;;font-weight:normal}div.blog_size p,div.the_content {font-family: georgia; font-size:15px; font-style: normal; color:#666666;font-weight:normal;}body div.wapper{width:946px;}</style>

        <style type='text/css'>body{margin:0px;}</style>	
        <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>


        <script type="text/javascript">
            jQuery(document).ready(function() {
                // CUSTOM AJAX CONTENT LOADING FUNCTION
                var ajaxRevslider = function(obj) {

                    // obj.type : Post Type
                    // obj.id : ID of Content to Load
                    // obj.aspectratio : The Aspect Ratio of the Container / Media
                    // obj.selector : The Container Selector where the Content of Ajax will be injected. It is done via the Essential Grid on Return of Content

                    var content = "";

                    data = {};

                    data.action = 'revslider_ajax_call_front';
                    data.client_action = 'get_slider_html';
                    data.token = '07773db7dc';
                    data.type = obj.type;
                    data.id = obj.id;
                    data.aspectratio = obj.aspectratio;

                    // SYNC AJAX REQUEST
                    jQuery.ajax({
                        type: "post",
                        url: "http://www.mageewp.com/meris/wp-admin/admin-ajax.php",
                        dataType: 'json',
                        data: data,
                        async: false,
                        success: function(ret, textStatus, XMLHttpRequest) {
                            if (ret.success == true)
                                content = ret.data;
                        },
                        error: function(e) {
                            console.log(e);
                        }
                    });

                    // FIRST RETURN THE CONTENT WHEN IT IS LOADED !!
                    return content;
                };

                // CUSTOM AJAX FUNCTION TO REMOVE THE SLIDER
                var ajaxRemoveRevslider = function(obj) {
                    return jQuery(obj.selector + " .rev_slider").revkill();
                };

                // EXTEND THE AJAX CONTENT LOADING TYPES WITH TYPE AND FUNCTION
                var extendessential = setInterval(function() {
                    if (jQuery.fn.tpessential != undefined) {
                        clearInterval(extendessential);
                        if (typeof (jQuery.fn.tpessential.defaults) !== 'undefined') {
                            jQuery.fn.tpessential.defaults.ajaxTypes.push({type: "revslider", func: ajaxRevslider, killfunc: ajaxRemoveRevslider, openAnimationSpeed: 0.3});
                            // type:  Name of the Post to load via Ajax into the Essential Grid Ajax Container

                        }
                    }
                }, 30);
            });
        </script>


    </head>
    <body>
        <?php include 'header.php'; ?>

        <div id="slider">

            <div class="flexslider">

                <ul class="slides">
                    <li>  
                        <div class="slider-caption">                   
                            <img src="images/slide-caption.png" alt="" />
                        </div>
                        <img src="images/slide1.jpg" alt="" /> 

                    </li>
                    <li>  
                        <div class="slider-caption">                   
                            <img src="images/slide-caption.png" alt="" />
                        </div>
                        <img src="images/slide2.jpg" alt="" /> 

                    </li>
                    <li>  
                        <div class="slider-caption">                   
                            <img src="images/slide-caption.png" alt="" />
                        </div>
                        <img src="images/slide3.jpg" alt="" /> 

                    </li>
                    <li>  
                        <div class="slider-caption">                   
                            <img src="images/slide-caption.png" alt="" />
                        </div>
                        <img src="images/slide4.jpg" alt="" /> 

                    </li>
                    <li>  
                        <div class="slider-caption">                   
                            <img src="images/slide-caption.png" alt="" />
                        </div>

                        <img src="images/slide5.jpg" alt="" /> 

                    </li>
                    <li>  
                        <div class="slider-caption">                   
                            <img src="images/slide-caption.png" alt="" />
                        </div>

                        <img src="images/slide6.jpg" alt="" /> 

                    </li>
                </ul>

            </div>

        </div>

        <script type='text/javascript' src='http://www.mageewp.com/valo/wp-includes/js/comment-reply.min.js?ver=4.1'></script>

        <div id="myCarousel" class="carousel slide" data-ride="carousel" style="margin-top:0px">
            <div class="row">
                <i class="fa fa-comment fa-5x" id="comment-icon"></i>

                <div class="carousel-inner" role="listbox">
                    <?php
                    include 'koneksiDB.php';

                    $qcomment = 'SELECT * FROM contact ORDER BY regristration_date desc limit 10';
                    //$run = mysql_db_query($conn,$query);
                    $rescomment = $conn->query($qcomment);
                    if ($rescomment->num_rows > 0) {
                        $num = true;
                        // output data of each row
                        while ($rows = $rescomment->fetch_assoc()) {
                            if ($num == true) {
                                echo "<div class='item active'>";
                                $num = false;
                            } else {
                                echo "<div class='item'>";
                            }
                            echo "<h4>" . $rows['nama'] . "</h4>";
                            $mytgl = substr($rows['regristration_date'], 0, 10);
                            echo "<p>" . $mytgl . "</p>";
                            echo "<p>" . $rows['isi'] . "</p>";
                            echo "</div>";
                        }
                    }
                    ?>                         
                </div>


                <a class="bottomtom carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <i class="fa fa-3x fa-angle-down aa"></i>
                </a>
                <a class="toptop carousel-control aa" href="#myCarousel" role="button" data-slide="next">
                    <i class="fa fa-3x fa-angle-up"></i>
                </a>
            </div>
        </div><!--/.carousel -->

        <style>
            #comment-icon {
                //font-size: 75px;

                padding: 5px 25px 5px 7px;
                color: greenyellow;

                position:absolute;
                left:7%;
            }

            .carousel-control {
                //  color: white;
                text-align: center; 
                position: absolute;
                left: 80%;                  }


            .aa{
                color:  white;
            }

            .carousel-control.bottomtom {
                top:60px;

            }
            .carousel-control.toptop {
                top:5px;

            }
            a.carousel-control{
                height:10%;
            }

            .carousel{
                background-color: rgb(118,120,120);
                padding:10px;
                min-height: 150px;
            }

            .carousel-inner{
                padding-left: 200px;
                position:absolute;

            }
            .carousel-inner h4,.carousel-inner p{
                color:white;
            }
        </style>


        <div id="services">
            <div class="row">
                <div class="col-md-2">
                </div>
                <div class="col-md-8">
                    <br></br>
                    <br></br>
                    <div class="heading-section">
                        <h2 >PKL 54 STIS</h2>
                        <h4 class="bidang-text">PKL 54 adalah salah satu mata kuliah praktik yang paling di nanti di STIS. DI momen ini para mahasiswa bisa langsung 
                            mempraktekkan ilmu yang selama ini dipelajari. Pada PKL 54 STIS akan meneliti Perikanan dan Mentalitas yang ada di beberapa kabupaten di Jawa Barat.
                        </h4>
                    </div>
                </div>
                <div class="col-md-2">
                </div>

            </div>
        </div>

        <div id="bidang">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <div class="bidang-item">
                            <img src="images/icon/SK.png" >
                                <p class="bidang-name">Bidang Kependudukan</p>
                                <h4 class="bidang-tema">"REVOLUSI MENTAL"</h4>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <div class="bidang-item">
                            <img src="images/icon/SE.png">
                                <p class="bidang-name">Bidang Ekonomi</p>
                                <h4 class="bidang-tema">"PERIKANAN"</h4>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div id="testimonails">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="heading-section">
                            <h2 >"DARI KITA OLEH KITA UNTUK INDONESIA"</h2>
                            <p> PKL 54 STIS</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="testimonails-slider">
                            <ul class="slides">
                                <li>
                                    <div class="testimonails-content">
                                        <p>"Menciptakan revolusi mental bangsa dan poros maritim dunia yang kuat melalui pengolahan data berbasis teknologi informasi."</p>
                                        <h6><a href="#">PKL</a> 54</h6>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonails-content">
                                        <p>"PKL 54 adalah PKL yang paling menantang dari PKL-PKL sebelumnya. Tema mentalitas ini akan jadi sorotan bagi berbagai pihak dan dunia. Nanti akan dibuat seminar nasional, dan akan kami panggil wartawan agar hasilnya menggema ke seluruh pihak bahkan dunia."</p>
                                        <h6>Hamonangan Ritonga, M.Sc,</h6>
                                        <h6>--Ketua STIS 2015--</h6>
                                    </div> 
                                </li>
                                <li>
                                    <div class="testimonails-content">
                                        <p>"Indonesia sebenarnya memiliki segala sesuatu yang dibutuhkan untuk menjadi bangsa yang besar, namun seringkali lemah dalam hal integrasi."</p>
                                        <h6>Juwono Sudarsono</h6>
                                        <h6>--Menteri Pertahanan (2004-2009)--</h6>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>

        <div class="footerUp">
            <div class="container">


                <div class="main-footer">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="artikel-terbaru">
                                <h4 class="footer-title">BERITA TERKINI</h4>
                                <div class="berita">
                                    <?php
                                    include 'artikel-function.php';

                                    $quer = 'SELECT * FROM artikel WHERE kode=1 ORDER BY tanggalPost desc limit 1';
                                    //$run = mysql_db_query($conn,$query);
                                    $result1 = $conn->query($quer);
                                    if ($result1->num_rows > 0) {
                                        // output data of each row
                                        while ($rows = $result1->fetch_assoc()) {
                                            echo"<center><img src=images/" . $rows['fotoUtama'] . " width='350px'></center>";
                                            echo "</div>";
                                            echo "<h3>" . $rows["judul"] . "</h3>";
                                            echo "tanggal post: " . $rows["tanggalPost"] . "<br>";
                                            cuplikArtikel($rows["isi"]);
                                            echo "<a href='detail.php?id=" . $rows["id"] . "'>Selengkapnya...</a>";
                                        }
                                    } else {
                                        echo "0 results";
                                    }
                                    ?>
                                </div>
                            </div>


                            <div class="col-md-4">
                                <div class="artikel-terbaru">
                                    <h4 class="footer-title">ARTIKEL TERBARU</h4>
                                    <div class="berita">
                                        <?php
                                        $query = 'SELECT * FROM artikel WHERE kode=0 ORDER BY tanggalPost desc limit 1';
                                        //$run = mysql_db_query($conn,$query);
                                        $result = $conn->query($query);
                                        if ($result->num_rows > 0) {
                                            // output data of each row
                                            while ($row = $result->fetch_assoc()) {
                                                echo"<center><img src=images/" . $row['fotoUtama'] . " width='350px'></center>";
                                                echo "</div>";
                                                echo "<h3>" . $row["judul"] . "</h3>";
                                                echo "tanggal post: " . $row["tanggalPost"] . "<br>";
                                                cuplikArtikel($row["isi"]);
                                                echo "<a href='detail.php?id=" . $row["id"] . "'>Selengkapnya...</a>";
                                            }
                                        } else {
                                            echo "0 results";
                                        }
                                        $conn->close();
                                        ?>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="tanya-jawab">
                                        <h4 class="footer-title">TWEETS</h4>
                                        <a class="twitter-timeline"  width="375px" height="255px" href="https://twitter.com/STIS54" data-widget-id="559667614796890112">Tweets by @STIS54</a>
                                        <script>!function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                if (!d.getElementById(id)) {
                    js = d.createElement(s);
                    js.id = id;
                    js.src = p + "://platform.twitter.com/widgets.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }
            }(document, "script", "twitter-wjs");</script>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
                
                <?php include'footer.php'; ?>

                </body>
                </html>